.links{
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobileLinks
.menuBtn{
    display: none;
}


/* 宽度小于768px时，隐藏菜单，显示手机菜单 */
@media (max-width: 768px)  {
    .links{
        display: none;
    }
    .mobileLinks{
        position: absolute;
        top:100px;
        right: 0;
        width:50%;
        height: calc(100vh - 100px);
        background-color: var(--bg);
        /* background-color: rebeccapurple; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        overflow: hidden;
        transition: height 0.5s ease-in-out;
    }

    .menuBtn{
        display: none;
    }
}